@charset "utf-8";
@import "common/common";

#web{
    overflow: hidden;
}
section{
    width: 100%;
    position: absolute;
    top: r(76);
    bottom: r(62);
    overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
    aside{
        margin-top: r(28);
        p{
            font-size: r(26.67);
            color: #000;
            text-align: center;
            padding-bottom: r(22);
        }
        .nav{
            width: r(204);
            margin: 0 auto;
            border-radius: r(6);
            overflow: hidden;
            li{
                float: left;
                width: r(100);
                height:r(36);
                border:r(2) solid #d0d0d0; 
                text-align: center;
                border-left:none;  
                &:nth-child(1){
                    border-left: r(2) solid #d0d0d0;
                    border-right: none;
                }
                a{
                    font-size: r(22);
                    color: #bcbcbc;
                    line-height: r(36);
                    vertical-align: top;
                }
                &.active,&:hover{
                    background: #a6a6a6;
                    a{color: white;}
                }
            }
        }
    }
    .swipe-indicator{height: r(40);
                overflow: hidden;
        li{
            vertical-align: top;
            margin-top: r(24);
        }
    }
    .swipe-wrapper{height: auto;}
   .carousWarp{width: 100%;overflow: hidden;}
    .imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:r(1680); margin:0 auto;left: r(-520);top: r(44);}
    .imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}
    
    
    .up{
        display: block;
         border: 1px solid #d0d0d0;
         width: r(236);
         height: r(45);
         font-size: r(26);
         color: #666666;
         text-align: center;
         line-height: r(45);
         margin: r(48) auto r(10);
    }
}